 html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 
 html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #494949;
}
html,body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "STHeiti", "微软雅黑", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #f4f3f9;
}
body {
    -webkit-user-select: none;
    user-select: none;
    font-size:0.006rem;
    height: 100%;
}
.dataShowDiv{white-space:nowrap;overflow-x: auto;display:inline-block;height: 100%;width: 100rem;}
.typeTree{width: 12rem;height: 98%;padding-left: 0.001rem;padding-right: 0.001rem;margin-top:0.5%;margin-bottom:0.5%;float: left;margin-left:2rem;}
.middleArea{width: 70rem;height: 98%;padding: 0;margin-top:0.5%;margin-bottom:0.5%;float: left;margin-left: 0.8rem;overflow: hidden;}
.iBox-content{
	background-color: #ffffff;
    color: inherit;
    padding: 0.018rem;
    border-color: #e7eaec; 
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
   	border-style: solid solid none;
    border-width: 1px 0px;
    width: 100%;
    height: 100%;
    overflow-y:auto; 
}
#dataTypeTree{width: 100%;height: 100%;}
#conditionArea{width: 100%;height: 4.5rem;float: left;}
#chartContainer{width:92%;height: 93%;float:left; display:inline;overflow: auto;}
#outerUl{width: auto;height: 100%;overflow-x: auto; white-space:nowrap;}
#outerUl li{display: inline-block; margin: 0.0065rem 0.0044rem;}
::-webkit-scrollbar-thumb {background-color: #ccc; } 
::-webkit-scrollbar{height: 0.01rem;} 
.highcharts-container,.highcharts-root{width: 99% !important;}
#monthArea{width:7%;float:left; display:inline;margin-bottom: 3%;height: 96%;overflow-y: auto;}
.month{background-color: #f5f5f5;display:block; width: 100%;height: 1rem;line-height:0.2rem; padding:1rem 0;margin-top: 1rem;font-size: 1rem;text-align: center;} 
#pop-infoDiv{background-color: #f8f8f9;}
#pop-month1 span,#pop-month2 span,#pop-month3 span,#pop-month4 span,#pop-month5 span,#pop-month6 span,#pop-month7 span,#pop-month8 span,#pop-month9 span,#pop-month10 span,#pop-month11 span,#pop-month12 span,{display: block;width:50%;}
.popover{width: 5rem !important;height:9rem !important;padding: 0 !important;}
.popover-content{width: 100%;padding: 0 !important;padding-left: 0.1rem !important;}
.popover-content span{float: left;}
#modelInfo{font-size:0.04rem;height: 78%;margin: 0.01rem 0.6rem;white-space:normal;}
.basicInfoText{text-align: center;font-weight: bold;line-height: 1.5rem;font-size:0.1rem;height: 20%;}
#stockInfo{width: 100%;height: 13%;margin-top: 1%;margin-bottom: 2%;}
.middleArea{width: 70rem;height: 98%;padding: 0;margin-top:0.5%;margin-bottom:0.5%;float: left;margin-left: 0.8rem;}
.basicStockArea{width: 13rem;height: 98%;padding:0;float: left;margin-left: 0.8rem;margin-top:0.5%;margin-bottom:0.5%;}
#stockCharts{width:16rem;height:86%;}
#brand{font-size: 0.1rem;padding: 0 0.02rem;width:92%;height: 42%;margin-left: 0.5rem;margin-top: 1%;}
#brandTitle{width: 100%;font-size: 0.08rem;font-weight: bolder;color: #e09090;text-align: center;height: 26%;display: inline-block;}
#stockLegendDiv{height: 32%;text-align: center;}
.stockLegend{display: inline-block;width:1rem;height: 60%;}
.stockLegendTextDiv{vertical-align: middle;display: inline-block;height: 60%;}
.stockLegendText{display: inline-block;font-size: 0.12rem;-webkit-transform:scale(0.75,0.75);-webkit-text-size-adjust:none;height: 100%;}